<template>
  <el-config-provider :locale="appStore.locale" :size="size">
    <router-view />
  </el-config-provider>
</template>

<script setup lang="ts">
import useSettingsStore from '@/store/modules/settings'
import { handleThemeStyle } from '@/utils/theme'
import useAppStore from '@/store/modules/app';

const appStore = useAppStore();
const size = computed(() => appStore.size as any);

onMounted(() => {
  nextTick(() => {
    // 初始化主题样式
    handleThemeStyle(useSettingsStore().theme)
  })
})
</script>

<style>
/* , .el-upload-list, .el-upload-list__item */
.img-uploader{
	width:100px !important;
	height:100px !important;
}
.el-upload--picture-card {
    --el-upload-picture-card-size: 100px !important;
}
.el-upload-list--picture-card {
    --el-upload-list-picture-card-size: 100px !important;
}


.list-move, /* 对移动中的元素应用的过渡 */
.list-enter-active,
.list-leave-active {
  transition: all 0.5s ease;
}

.list-enter-from,
.list-leave-to {
  opacity: 0;
  transform: translateX(30px);
}

/* 确保将离开的元素从布局流中删除
  以便能够正确地计算移动的动画。 */
.list-leave-active {
  position: absolute;
}

.labeltext{
  font-size: 12px;
  font-weight: bold;
  color: #777;
}
.el-upload__tip{
  margin-top: 1px !important;
  line-height: 15px !important;
}
</style>
